<script setup lang="ts">
const props = defineProps({
  isMiniMenu: {
    type: Boolean,
    default: false
  }
});
</script>
<template>
  <div class="logo">
    <q-avatar size="18px">
      <img src="/images/logo.png" />
    </q-avatar>
    <span
      v-if="!props.isMiniMenu"
      class="q-pl-sm"
    >
      电缆隧道智能巡检系统
    </span>
  </div>
</template>

<style scoped lang="scss">
.logo {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
